<template>
    <div style="height:100%;width:100%">
        <el-form :model="ruleForm" status-icon  ref="ruleForm"  >
                
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="项目名称" prop="proName">
                            <el-input v-model="ruleForm.proName" :disabled="true" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="项目编号" prop="pronumber">
                            <el-input v-model="ruleForm.pronumber" :disabled="true" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="项目文号" prop="proDocimentNumber">
                            <el-input v-model="ruleForm.proDocimentNumber" :disabled="true" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="所属乡镇" prop="newLandArea">
                            <el-input v-model="ruleForm.newLandArea"  :disabled="true" placeholder="" style="width: 90%">
                        
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="施工单位" prop="constructionUnit">
                            <el-input v-model="ruleForm.constructionUnit" :disabled="true" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="监理单位" prop="supervisorCompany">
                            <el-input v-model="ruleForm.supervisorCompany"  :disabled="true" placeholder="" style="width: 90%;">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
        </el-form>
    </div>
</template>
<script>
import pro from '@/api/lx_infor/lx_infor'
export default {
    data(){
        return{
            ruleForm:{
                proName:'',
                pronumber:'',
                proDocimentNumber:'',
                newLandArea:'',
                constructionUnit:'',
                supervisorCompany:''

            }
        }
    },
    created(){
        this.getList()
    },
    methods:{
        getList(){
            var id =$('#idframe', window.parent.document).attr('data-id')
            pro.openInfo(id).then(rep =>{
                this.ruleForm = rep.data.dto
            })
        }
    }
}
</script>